import {View} from 'react-native';
import {Button, Card, Text, useAppTheme} from 'tsun-smart-ui';
import Logo from '../Logo';

const DeviceNetwork = () => {
  const theme = useAppTheme();
  return (
    <Card className="mb-3">
      <View className="flex-row flex-between">
        <View>
          <View className="flex-row items-center gap-x-2">
            <Logo
              name="wifi"
              backgroundColor={theme.colors?.error?.light!}
              color={theme.colors?.error?.primary!}
              round={false}
            />
            <Text variant="bodyStrong">提示</Text>
          </View>
          <Text variant="caption" className="mt-3">
            未监测到网络，请检查网络配置
          </Text>
        </View>
        <Button size="small" className="px-4" title="一键配网"></Button>
      </View>
    </Card>
  );
};

export default DeviceNetwork;
